<template>
    <div class="large-right1" >
        <div class="panel-title right-title">
            <div class="panel-title-box">
                <img class="panel-title-ico" src="@/assets/large/panel-title-ico.png" />
                医馆介绍
            </div>
            <img class="panel-title-bg" src="@/assets/large/panel-title.png" />
        </div>
        <div class="agency-info-box">
            <img class="agency-img" :src="pageData.hospitalPicture[0]" v-if="pageData.hospitalPicture"/>
            <div class="agency-info">
                {{pageData.hospitalFeature}}
            </div>
        </div>
    </div>
</template>

<script lang="ts">
import { Component, Vue, Prop } from "vue-property-decorator";
@Component({
    name: "home",
    components: {},
})
export default class extends Vue {
    @Prop({ default: () => {} }) pageData!: any;
    
    chart: any = null;
    mounted() {
        
    }
   
    
}
</script>
<style lang="scss">
.large-right1 {
    width: 100%;
    .agency-info-box{
        display: flex;
        align-items: center;
    }
    .agency-img{
        width: 210px;
        height: 150px;
        display: inline-block;
        border-radius: 4px;
        border: solid 2px #3AD3C1;
        margin-right: 10px;
    }
    .agency-info{
        font-size: 14px;
        color: #fff;
    }
}
</style>
